﻿/*Css Đặt Vé*/
/*hover*/
.seat:hover {
    cursor:pointer;
    background:url(/Image/Icon/seat_choose.png) no-repeat 50% 4px;
    opacity:1;
}
.seatVip:hover {
    cursor:pointer;
    background:url(/Image/Icon/seatVip_choose.png) no-repeat 50% 4px;
    opacity:1;
}
.seatCouple:hover {
    cursor:pointer;
    background:url(/Image/Icon/seatCouple_choose.png) no-repeat 50% 4px;
    opacity:1;
}
/*seat*/
.seatVip {
      cursor:pointer;
    background:url(/Image/Icon/seatVip.png) no-repeat 50% 4px;
   opacity:0.7;
}
.seatCouple {
      cursor:pointer;
    background:url(/Image/Icon/seatCouple.png) no-repeat 50% 4px;
     opacity:0.7;
}
.seat {  
    background:url(/Image/Icon/seat.png) no-repeat 50% 4px;
    opacity:0.6;
}
/*seated*/
.seated {
pointer-events:none;
     background:url(/Image/Icon/seated.png) no-repeat 50% 4px;
}
.seatedVip {
pointer-events:none;
     background:url(/Image/Icon/seatedVip.png) no-repeat 50% 4px;
}
.seatedCouple {
pointer-events:none;
     background:url(/Image/Icon/seatedCouple.png) no-repeat 50% 4px;
}
/*seat_choose*/
.seat_choose {
     cursor:pointer;
     background:url(/Image/Icon/seat_choose.png) no-repeat 50% 4px;
     opacity:1;
}
.seatVip_choose {
     cursor:pointer;
     background:url(/Image/Icon/seatVip_choose.png) no-repeat 50% 4px;
     opacity:1;
}
.seatCouple_choose {
     cursor:pointer;
     background:url(/Image/Icon/seatCouple_choose.png) no-repeat 50% 4px;
     opacity:1;
}
/* Lay out*/
.wrapper {
    background-color: #e8e8e8;
    width:95%;
    margin:0 auto
}
img {
    height:100%;
    width:100%
}
.mixContent {
float:left;
width: inherit;
width:25%;
margin-right:25px;
margin-left:25px;
border: #d3cfd8 1px solid;
padding:6px 7px 2px 4px;
background-color:rgb(204, 204, 204);
}
.container {
width:95%;
border: #d3cfd8 1px solid;
padding: 1px;
}
.suggest {
float:left;
width: 23%;
height: 240px;
border: #d3cfd8 1px solid;
margin:3px auto;
background-color: rgb(156, 156, 156);
}
.caption {
   color:#222;
}
/*.btn{
    background-color: #21759B;
    background-image: linear-gradient(to bottom, #2A95C5, #21759B);
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
    border-color: #21759B #21759B #1E6A8D;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px 3px 3px 3px;
    display:inline-block;
    padding: 2px 13px 4px 12px;
    margin:2px 4px;
    
    color:#FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;

}*/

.devider {
margin: 0 0 1em 0;
height: 2px;
background: #ccc;
line-height: 0;
}
  /* Additional styles to look like a link */
.mButton {
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.overlay{
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}   
.modal {
background-color: rgba(248, 248, 248, 1);
border-radius: 5px;
text-align: center;
z-index: 11;
position:fixed;
left:27%;   
top:8%;
width:50%;
}
.banks {
    width:60%;
    height:40px;
    margin:auto;
    border: 1px solid #ddd;
    display:block;
}
.bank {
    width:60%;
    height:40px;
    margin:auto;
    border: 1px solid #ddd;
    display:block;
}
.bank:hover {
    height:40px;
    margin:auto;
     border: 2px solid #ff6a00;
    cursor:pointer;
    display:block;
}
.bank_choose {
    width:60%;
    height:40px;
    margin:auto;
   border: 2px solid #ff6a00;
   display:block;
}
.footer {
    position:absolute;
    bottom:0px;
    width: 100%;
    margin: 0;
    background-color: #000;
    height: 100px;/* or however high you would like */
}
